<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>ddhpc</title>
  <link rel="stylesheet" href="./css/reset.css">
  <link rel="stylesheet" href="./css/header.css">
  <link rel="stylesheet" href="./layui/css/layui.css">
  <link rel="stylesheet" href="./css/loginbox.css">
  <script src="./js/jquery-3.3.1.min.js"></script>
</head>

<body>
  <!-- 顶部导航 -->
  <section class="bgff">
    <div class="wrap">
      <div class="top-logo pcub">
        <div class="pcub pcub-ac tx-r ">
          <img class="logo-img mr40" src="./imgs/logo.png" alt="">
          <a class="logo-nav-li pointer _h100 fz16 plr10 mr20 active" href="./index.html">首页</a>
          <a class="logo-nav-li pointer _h100 fz16 plr10 mr20" href="javascript:;">软文发稿</a>
          <a class="logo-nav-li pointer _h100 fz16 plr10 mr20" href="javascript:;">微信推广</a>
          <a class="logo-nav-li pointer _h100 fz16 plr10 mr20" href="javascript:;">朋友圈推广</a>
          <a class="logo-nav-li pointer _h100 fz16 plr10 mr20" href="javascript:;">微博推广</a>
          <a class="logo-nav-li pointer _h100 fz16 plr10 " href="javascript:;">直播/短视频</a>
        </div>
        <div class="pcub pcub-ac pcub-pe pcub-f1">
          <img src="./imgs/location.png" alt="">
          <span>longlong</span>
          <span class="mlr20">|</span>
          <a href="javascript:;">15680529067</a>
        </div>
      </div>
    </div>
  </section>
  <!-- 找回密码 -->
  <section id="find-password" class="wrap bgff p20 mt30" style="height:500px;">
    <div class="bb-e0e0e0 h40 fz20 mb20">
      找回密码
    </div>
    <ul class="steps fz12">
      <li class="item s1 active">
        <b>1</b>
        <span>身份验证</span>
      </li>
      <li class="item s2">
        <b>2</b>
        <span>设置新密码</span>
      </li>
      <li class="item s3">
        <b>3</b>
        <span>完成</span>
      </li>
    </ul>
    <div class="content tx-c fz16 content-s1" >
      <div class="pcub h40 fptitle" data-type="1">
        <div class="pcub-f1">
          <span class="pointer active" data-type="1">广告主</span>
        </div>
        <div class="pcub-f1">
          <span class="pointer" data-type="2">媒体主</span>
        </div>
      </div>
      <ul>
        <li class="item user mt20">
          <input type="text" placeholder="请输入密码">
        </li>
        <li class="mt20">
          <button class="btn" onclick="nextStep(1)" type="button">下一步</button>
        </li>
      </ul>
    </div>
    <div class="content tx-c fz16 content-s2" style="display:none;">
      <div class="pcub pcub-ac fz14 reph">注册手机号：<span>15680529067</span></div>
      <ul>
        <li class="item code mt20 position-re">
          <input type="text" placeholder="请输入验证码">
        </li>
        <li class="item password pw1 mt20">
          <input type="password" placeholder="请输入密码">
        </li>
        <li class="item password pw2 mt20">
          <input type="password" placeholder="请输入密码">
        </li>
        <li class="mt20">
          <button class="btn" onclick="nextStep(2)" type="button">下一步</button>
        </li>
      </ul>
    </div>
    <div class="content tx-c fz16 content-s3" style="display:none;">
      <ul>
        <li class="mt20 pcub pcub-pc tx-l">
          <img src="./imgs/car01.png" alt="" style="width:80px;height:80px;">
          <div class="ml20">
            <p class="fz24 mt10">密码设置成功</p>
            <p class="fz14 mt10">请使用新密码登录，感谢您的支持</p>
          </div>
        </li>
        <li class="mt20">
          <a class="btn" href="./login.html">马上登录</a>
        </li>
      </ul>
    </div>

  </section>
  <script src="./layui/layui.js"></script>
  <script src="./js/findpassword.js"></script>
</body>

</html>